<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta  http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<meta name="author" content="Parallelus" />
	<meta name="description" content="A brief description of this website or your business." />
	<meta name="keywords" content="keywords, or phrases, associated, with each page, are best" />
	<title>Traject - Aim For The Next Level</title>
	
	<!-- Favorites icon -->
	<link rel="shortcut icon" href="http://para.llel.us/favicon.ico" />
	
	<!-- Style sheets -->
	<link rel="stylesheet" type="text/css" href="css/reset.min.css" />
	<link rel="stylesheet" type="text/css" href="css/default.css" />
	<link rel="stylesheet" type="text/css" href="css/menu.css" />
	<link rel="stylesheet" type="text/css" href="css/fancybox.css" />

	<!-- Skin Style Sheet -->
	<link rel="stylesheet" href="css/skins/skin-1.css" type="text/css" id="SkinCSS" />

	<!-- jQuery framework and utilities -->
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript"> $j = jQuery.noConflict(); </script>
	<script type="text/javascript" src="js/jquery.easing.1.3.min.js"></script>
	<script type="text/javascript" src="js/hoverIntent.min.js"></script>
	<!-- Drop down menus -->
	<script type="text/javascript" src="js/menu.js"></script>
	<!-- Font replacement (cufon) -->
	<script type="text/javascript" src="js/cufon-yui.js"></script>
	<script type="text/javascript" src="js/Vegur.font.js"></script>
	<script type="text/javascript" src="js/Vegur.Light.font.js"></script>
	<!-- Input labels -->
	<script type="text/javascript" src="js/jquery.overlabel.min.js"></script>
	<!-- Inline popups/modal windows -->
	<script type="text/javascript" src="js/jquery.fancybox-1.3.1.pack.js"></script>

	

	<!-- IE only includes (PNG Fix and other things for sucky browsers -->
	
	<!--[if lt IE 7]>
		<link rel="stylesheet" type="text/css" href="css/ie-6.css">
		<script type="text/javascript" src="js/pngFix.min.js"></script>
		<script type="text/javascript"> 
			$j(document).ready(function(){ 
				$j(document.body).supersleight();
			}); 
		</script> 
	<![endif]-->
	<!--[if IE]><link rel="stylesheet" type="text/css" href="css/ie-all-versions.css"><![endif]-->



	<!-- BEGIN: For Demo Only -->
		<!--			
		These entries are only needed for demo features, such as the real-time skin changer.
		They can be deleted for production installs without effecting the theme's design or 
		any of the funcionality.
		-->
		<script type="text/javascript" src="js/demo.js"></script>	
		<link rel="stylesheet" type="text/css" href="css/demo.css" />
	<!-- END: For Demo Only -->



	<!-- Functions to initialize after page load -->
	<script type="text/javascript" src="js/onLoad.js"></script>


</head>
<body>

<div id="Wrapper">

	<div id="Top">
		<div id="TopContainer">
			
			<!-- Search -->
			<div id="SearchWrapper">
				<div id="Search">
					<form action="#" id="SearchForm" method="post">
						<p style="margin:0;"><input type="text" name="SearchInput" id="SearchInput" value="" /></p>
						<p style="margin:0;"><input type="submit" name="SearchSubmit" id="SearchSubmit" class="noStyle" value="" /></p>
					</form>
				</div>
			</div>
			
			<!-- Main Menu: MegaMenu -->
			<div id="MainMenu">
				<ul id="MegaMenu">
				
					<li class="current"><a href="index.html">Home</a></li>
					<li>
						<a href="#">Features</a>
						<div class="sub">
							<div class="row">
								<ul style="width: 200px;">
									<li><h2><a href="#">Home page</a></h2></li>
									<li><a href="index.html">Home 1 (default)</a></li>
									<li><a href="index-2.html">Home 2 (Products)</a></li>
									<li><a href="index-3.html">Home 3 (Nivo)</a></li>
									<li><br /><h2><a href="sample-layout.html">Theme Resources</a></h2></li>
									<li><a href="sample-text.html">Text Styles</a></li>
									<li><a href="sample-layout.html">Layout Overview</a></li>
								</ul>
								<ul style="width: 200px;">
									<li><h2><a href="#">Sample Pages</a></h2></li>
									<li><a href="sample-portfolio.html">Portfolio</a></li>
									<li><a href="sample-portfolio-2.html">Portfolio 2</a></li>
									<li><a href="sample-blog.html">Blog</a></li>
									<li><a href="sample-blog-page.html">Blog (single post)</a></li>
									<li><a href="sample-contact.html">Contact Form</a></li>
									<li><a href="sample-faq.html">FAQ's</a></li>
								</ul>
								<ul style="width: 200px;">
									<li><h2><a href="#">Mega Menus</a></h2></li>
									<li>
										<p>Add unlimited content, links, images and detailed information in your drop-down menus with Mega Menus.</p>
										<p>Usability testing shows mega drop-downs are more efficient and overcome the downsides of traditional menus.</p>
									</li>
								</ul>
							</div>
						</div>
					</li>
					<li>
						<a href="#">Skins</a>
						<div style="" class="sub">
							<div class="row">
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('1');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-1.jpg" width="130" alt="Skin 1" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('1');">Skin 1</a></h2></li>
								</ul>
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('2');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-2.jpg" width="135" alt="Skin 2" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('2');">Skin 2</a></h2></li>
								</ul>
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('3');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-3.jpg" width="135" alt="Skin 3" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('3');">Skin 3</a></h2></li>
								</ul>
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('4');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-4.jpg" width="135" alt="Skin 4" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('4');">Skin 4</a></h2></li>
								</ul>
							</div>
							<div class="row">
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('5');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-5.jpg" width="135" alt="Skin 5" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('5');">Skin 5</a></h2></li>
								</ul>
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('6');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-6.jpg" width="135" alt="Skin 6" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('6');">Skin 6</a></h2></li>
								</ul>
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('7');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-7.jpg" width="135" alt="Skin 7" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('7');">Skin 7</a></h2></li>
								</ul>
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('8');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-8.jpg" width="135" alt="Skin 8" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('8');">Skin 8</a></h2></li>
								</ul>
							</div>
							<div class="row" style="text-align: center;">
								<ul style="width: auto; float:none; ">
									<li>
										<label for="WideFormatDesign">
											<input type="checkbox" id="WideFormatDesign" name="WideFormatDesign" /> Enable alternate wide format design? This will toggle the "page" style design on and off.
										</label>
									</li>
								</ul>
							</div>
						</div>
					</li>
					<li><a href="sample-faq.html">FAQ's</a></li>	
					<li><a href="sample-contact.html">Contact</a></li>	

				</ul>
			</div> <!-- END id="MainMenu" -->
			
			
			
			
		</div>
	</div> <!-- END id="Top" -->
	
	<a href="index.html" id="LogoHeader" class="logoMedium"></a>
	
	<div id="PageTop"></div>
	<div id="PageWrapper">
		
		<div id="PageOverlay">
			<div id="PageOverlayContent">
					
					<div class="contentArea">
						<h1 class="pageTitle">Do you have a superpower?</h1>
						<div class="pageIcon"><img src="images/icons/post.png" width="128" height="128" alt="Post" /></div>
					</div>

			</div> <!-- END id="PageOverlayContent" -->
		</div> <!-- END id="PageOveraly" -->


		<div id="Showcase">
			<div id="ShowcaseContent">
				<div class="contentArea">
					<h2 class="pageTagLine">
						<span class="postComments"><a href="#">3 comments</a></span>
						<span class="postDate">May 3, 2010</span> &nbsp; | &nbsp; 
						<!--span class="postAuthor">Posted by <a href="#">J. Smith</a> in </span--> 
						<span class="postCategories"><a href="#">Advertising</a>, <a href="#">Product Reviews</a></span>
					</h2>
				</div> <!-- END class="contentArea" -->
			</div> <!-- END id="ShowcaseContent" -->
		</div> <!-- END id="Showcase" -->


		<div id="MainPage">
			<div id="MainPageContent">
				<div class="contentArea">
										
					<div class="two_third">
						<div class="breadcrumbs">
							<a href="index.html">Home</a> &nbsp;\&nbsp; <a href="#">Some Page</a> &nbsp;\&nbsp; <a href="#">Some Page</a> &nbsp;\&nbsp; This Page
						</div>
						
						<!-- Page Content -->

						<div class="imgMedium">
							<img src="images/content/demo-only/placeholder.jpg" width="250" height="160" alt="Preview Image" />
							<span class="imgFrame"></span>
						</div>
						
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rutrum venenatis tincidunt. Pellentesque vitae est nisi, id congue ipsum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dapibus augue sed nisl pretium ultrices. Pellentesque mollis adipiscing ultrices. Nullam tincidunt leo metus. Fusce semper tempus ligula sit amet mollis. Donec eu nibh dolor, non ultricies elit. Nulla ac dui magna, a volutpat nunc. Nullam iaculis bibendum urna non viverra. Ut congue sollicitudin mattis.</p>
						<p>In dictum scelerisque libero, ut feugiat dolor bibendum nec. Vestibulum vel enim eget est tristique ornare sed vel metus. Cras eu sem interdum magna faucibus varius. Mauris nibh nisl, sollicitudin a malesuada in, dignissim vitae enim. Curabitur eu velit ac enim dapibus pulvinar ac venenatis orci. Quisque bibendum massa a nisl aliquam vel tincidunt sapien adipiscing. Quisque consequat tempor dolor sed egestas. Donec arcu mauris, rhoncus eget ultricies nec, scelerisque eget lacus. Fusce quis purus magna. Morbi ut nisi enim.</p>
						<ul>
							<li>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</li>
							<li>Quisque quis nunc risus, et dictum velit.</li>
							<li>Vivamus quis elit massa. Suspendisse eu vehicula mauris.</li>
							<li>Nulla mollis ornare lectus, aliquet semper eros scelerisque id.</li>
							<li>Sed egestas mauris in ante mollis eleifend.</li>
							<li>Praesent malesuada sollicitudin felis, sit amet blandit quam tempus vel.</li>
						</ul>
						<p>Sed at erat leo, eu tristique odio. Aliquam quam mauris, bibendum non consequat in, ornare eget mauris. Pellentesque ut est sit amet nulla placerat bibendum. Nullam ac elit nulla, in molestie lectus. Nulla facilisi. Fusce non turpis nec mauris volutpat malesuada. Fusce at dictum tortor. Integer blandit, nunc at vehicula facilisis, ante arcu facilisis diam, et eleifend odio purus sed massa. Nam elementum gravida cursus. Integer viverra quam non justo faucibus egestas. Nunc sem dolor, posuere eu malesuada id, convallis non libero. Donec quis elementum quam. Vestibulum eu orci sit amet felis consequat vulputate in ac quam.</p>
							
						<!-- End of Content -->
						<div class="clear"></div>

					</div> <!-- END class="two_third" -->
					
					<div class="one_third last">
					
						<div class="sidebar">
							<div class="sidebarBox-1">
								<div class="sidebarBox-2">
								
									<h3>Categories</h3>
									<ul class="sideNav">
										<li><a href="#">Design</a></li>
										<li class="currentPage"><a href="#">Tutorials</a></li>
										<li><a href="#">Product Reviews</a></li>
										<li><a href="#">Technology</a></li>
										<li><a href="#">Advertising</a></li>
									</ul>

									<h3>Archives</h3>
									<ul class="sideNav">
										<li><a href="#">April 2010</a></li>
										<li><a href="#">March 2010</a></li>
										<li><a href="#">February 2010</a></li>
										<li><a href="#">January 2010</a></li>
										<li><a href="#">December 2009</a></li>
										<li><a href="#">November 2009</a></li>
										<li><a href="#">October 2009</a></li>
										<li><a href="#">September 2009</a></li>
										<li><a href="#">August 2009</a></li>
									</ul>

								</div>
							</div>
						</div>
						
					</div> <!-- END class="one_third" -->

					<!-- End of Content -->
					<div class="clear"></div>
					
				</div> <!-- END class="contentArea" -->
			</div> <!-- END id="MainPageContent" -->
		</div> <!-- END id="MainPage" -->
		
		
	</div> <!-- END id="PageWrapper" -->

	<div id="FooterWrapper">
		<div id="Footer">
			<div id="FooterContent">
				
				<div class="contentArea">
					
					<div class="copyright right">
						Copyright &copy; 2010 - <a href="http://para.llel.us">Parallelus</a> - All rights reserved. |  
						Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> &amp; 
						<a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3">CSS</a>.
					</div>
					
					<ul id="FooterMenu" class="horizList left">
						<li><a href="index.html">Home</a></li>
						<li><a href="#">Features</a></li>
						<li><a href="sample-faq.html">FAQ's</a></li>
						<li><a href="sample-contact.html">Contact</a></li>
					</ul>
					
					<div class="clear"></div>
					
				</div> <!-- END class="contentArea" -->
				
			</div> <!-- END id="FooterContent" -->
		</div> <!-- END id="Footer" -->
	</div> <!-- END id="FooterWrapper" -->
	
</div> <!-- END id="Wrapper" -->

<!-- Activate Font Replacement (cufon) -->
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>